<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>客户端模板引擎使用</title>
	<!-- 1、将模板引擎库文件引入到当前页面 -->
	<script src="js/template-web.js"></script>
</head>
<body>
	<div id="container"></div>
	<!-- 2、准备art-template模板（在客户端的模板只能直接放页面中，不能单独引入；而且要放在script标签中）	 -->
	<script type="text/html" id="tp1">
		<h1>{{username}}{{age}}</h1>

	</script>
	<!--js代码部分 -->
	<script type="text/javascript">
		// 3、告诉模板引擎将哪个数据和哪个模板进行拼接
			// 第一个参数是模板id，第二个参数是要拼接的数据（对象类型）
			// 方法的返回值是拼接好的html字符串
			var html=template("tp1",{username:"zhangsan",age:30});
			// 4、将拼接好的模板展示到对应dom中去
			document.getElementById("container").innerHTML=html;




	</script>

</body>
</html>